<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript" src="/demo/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="/demo/vue-2.4.2/vue.min.js"></script>
<script type="text/javascript" src="/demo/bootstrap-3.3.7/js/bootstrap.min.js"></script>

<link rel="stylesheet" type="text/css" href="/demo/bootstrap-3.3.7/css/bootstrap.min.css"></link>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>search-index</title>
</head>
<body >
	<div class="container" id="container"><!-- main container start -->
		<br>
		<br>
		<!-- 查询条件 -->
		<div class="panel panel-default">
			<!-- <div class="panel-heading">查询条件</div> -->
			<div class="panel-body">
			    <input type="text" class="span6 search-query" v-model="keywords">
				<button id="search-btn" class="btn btn-primary" v-on:click="search"
					type="button">检索</button>
			</div>
			<h5>为您找到相关结果约{{totalRows}}个</h5>
		</div><!-- header container end -->
        
        <!-- 信息列表 -->
		<div class="panel panel-default"><!-- body container start -->
			<!-- <div class="panel-heading">信息列表</div> -->
			<div class="panel-body">
				<ul>
					<li v-for="record in recordSet">
					  <a style="cursor:pointer">{{record.title}}</a>
					  <p>{{record.describe}}</p>
					</li>
				</ul>
			</div>
		</div><!-- body container end -->
		
		<!-- 分页 -->
		<div id="app">
	      <vue-nav :cur="currentPageNo" :all="pageCount" :callback="callback"></vue-nav>
	      <p>{{msg}}</p>
	    </div>
	</div><!-- main container end -->
	
</body>

<link rel="stylesheet" type="text/css" href="/demo/css/vue-nav.css"></link>
<script src="/demo/js/vue-nav.js"></script>
<script type="text/javascript" src="/demo/js/index/index.js"></script>
</html>